/*公共样式*/
body {background: #fff;line-height: 2;overflow-x: hidden;color: #333;font-weight: lighter;}
.font-yahei {font-family: "微软雅黑";}
.container {}
canvas {margin: 0px;padding: 0px;display: block;}
.text-white,.text-white a {color: #fff;}
a {color: #333;}
.font-songti {font-family: "宋体";}
.margin-top20 {margin-top: 20px;}

/*首页样式*/
#welcome {background: #F3F3F3;border-bottom: 1px solid #E3E3E3;padding: 3px 0px;}
#welcome .layui-breadcrumb a {font-size: 12px;}

#logo {padding: 28px 10px;}
#tel-box {line-height: normal;}
#tel-box i {font-size: 18px;color: #666;}
#tel-box p {font-size: 32px;color: #2462BC;font-family: impact;white-space: nowrap;padding-top:20px;}


#nav-box {background: #2360BA;}

.nav-list >ul >li {float: left;position: relative;width: 12.5%;}
.nav-list >ul >li >a {display: block;text-align: center;color: #fff;line-height: 50px;font-size: 18px;}
.nav-list >ul >li >a:hover {background: #2E6FC0;}
.nav-list >ul >li.active >a {background: #2E6FC0;}

.submenu {position: absolute;left: 0px;top: 50px;width: 100%;background: #2F6FC2;display: none;z-index: 2;}
.submenu >ul >li >a {display: block;text-align: center;line-height: 30px;color: #fff;border-top: 1px solid #427DC3;}
.submenu >ul >li >a:hover {background: #427DC3;}

/*banner*/
.banner-box .bd li {height: 500px;}
.banner-box {position: relative;}
.banner-box .hd {position: absolute;left: 0px;bottom: 10px;width: 100%;text-align: center;}
.banner-box .hd li {display: inline-block;width: 50px; height: 10px;background: #fff;margin:0px 3px;}
.banner-box .hd li.on {background: #2F6FC2;}

#procate {width: 220px;background: #2360BA;color: #fff; height: 518px;}
#prolist {width: 932px;}

#procate h1 {font-size: 18px;padding: 12px;background: #1E4BAB;}
#procate p {font-size: 14px;font-weight: lighter;}
#procate span {font-size: 34px;line-height: normal;}

.procate-list ul {padding: 10px 0px;}
.procate-list li a {color: #fff;display: block;padding-left: 15px;line-height: 29px;}

#prolist ul {width: 948px;}
#prolist li {float: left;width: 300px;margin-right: 16px;text-align: center;margin-bottom: 10px;}
#prolist li a {display: block;height: 220px; overflow: hidden;text-align: center;border: 1px solid #ddd;}
#prolist li a img {height: 220px;}


/*新闻/工程业绩*/
#news-project-box {background: #EEEEEE;padding: 40px 0px;margin-top: 40px;}
#news-box {width: 644px;}
#yeji-box {width: 490px;}

.title {border-bottom: 1px solid #ddd; background: url(../images/m_14.jpg) left center no-repeat; padding-left: 12px;font-size: 24px;font-weight: bold;}
.title a {font-weight: normal;margin-top: 10px;}

#toutiao img {width: 170px; height: 126px;}
#toutiao h1 {font-size: 18px; font-weight: bold;}
#toutiao h1 a {color: #235FBD;}
#toutiao p {color: #666;line-height: 1.8;}

.news-list {padding-top: 6px;}
.news-list li span {float: right;font-size: 12px;color: #999;}
.news-list li {background: url(../images/li-bg.jpg) left center no-repeat;padding-left: 15px;margin-top: 4px;}


#slide-box {margin-top: 15px;}


#about-box {margin-top: 30px;}
#about-box h1 {font-size:30px;text-align: center;}
#about-box .english {border-top: 1px solid #ddd;text-align: center;margin-top: 20px;}
.english p {display: inline-block; position: relative;background: #fff;padding: 0px 20px;top: -30px;font-size: 24px;font-weight: lighter;color: #999;}


#honor-box {background: url(../images/m_18.jpg); width: 422px; height: 311px;}
.honor {width: 344px; height: 228px;margin: 70px 0px 0px 66px;}

#about-con {width: 714px;}
#about-con h2 {font-size: 24px;color: #F55D00;}
#about-con p {line-height: 2.2;}
#about-con .more {margin-top: 20px;}
#about-con .more a {display: inline-block;padding: 4px 30px;background: #2360BA;color: #fff;}


#copy-box {background: #2360BA;padding: 25px 0px;margin-top: 50px;}

.bot-nav {border-left: 1px solid #4080CA;border-right: 1px solid #4080CA;padding: 0px 30px;margin-left: 30px;width: 320px;}
.bot-nav h1 {border-bottom: 1px solid #4080CA;font-size: 16px;}
.bot-nav ul {margin-top: 10px;}
.bot-nav li {float:left;margin-right: 22px;}
.bot-nav li:nth-child(4),.bot-nav li:nth-child(8) {margin-right: 0px;}

.bot-logo {padding-top: 15px;}

.copy-con {margin-left: 730px;}


#left-box {width: 240px;background: #2360BA;color: #fff; }
#right-box {width: 900px;}
#left-box h1 {font-size: 18px;padding: 12px;background: #1E4BAB;}
#left-box p {font-size: 14px;font-weight: lighter;}
#left-box h1 span {font-size: 34px;line-height: normal;}

.submenu-list {padding-bottom: 80px;}
.submenu-list li {border-bottom: 1px solid #396FC4;}
.submenu-list li a {display: block;line-height: 50px;color: #fff;padding: 0px 15px;transition: all 0.5s;}
.submenu-list li a span {float:right;}
.submenu-list li a:hover {background: #396FC4; padding-left: 30px;}

.nav-position {border-bottom: 1px solid #ddd;line-height: 30px;}
.nav-position a {font-size: 16px;}
#main-con {margin-top: 10px;min-height: 500px;}
#main-con img {max-width: 100%;}

.left-lianxi {border-top: 20px solid #fff;font-size: 13px;}
.left-lianxi ul {padding: 10px 5px;}
.left-lianxi ul li{padding: 5px 0;border-bottom: 1px dashed #396FC4;overflow:hidden;}
.left-lianxi ul li label{display: inline-block;width: 70px;float: left;}
.left-lianxi ul li span{float: left;display: inline-block;width: 140px}